<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的世界论坛</title>
    <link rel="stylesheet" href="banner.css">
    <style>
        header,main,footer{
            width: 1000px;
            margin: 0 auto;
        }
        header{
            height: 50px;
            background-color: silver;
        }
        .nav1 li{
            float: left;
            line-height: 50px;
        }
        .nav1 a{
            display: block;
            text-decoration: none;
            color:#777;
            font-size: 18px;
            padding: 0 43px;
        }
        .nav1 a:hover{
            background-color: #3f3f3f;
            color: #e8e7e3;
        }
        main
        {
            height: 320px;
            margin: 15px auto;
            background-color: gray;
        }
        #img-list{
            float: left;
            margin: 0 10px;
        }
        aside{
            float: left;
            width: 280px;
            height: 320px;
        }
        .right-menu{
            width: 150px;
            height: 300px;
            padding: 0px 0px;
            margin: 20px;
            background-color: #4F4126;
        }
        .right-menu div{
            height: 35px;
            line-height: 35px;
            padding: 30px;
        }
        .right-menu div:hover{
            background-color: #777777;
        }
        .right-menu img{
            width: 20px;
        }
        body{
            background-color: #DEE1E6;
        }
        footer{
            height: 840px;
            background-color: #4F4126;
        }
        picture{
            float: left;
            width: 350px;
            height: 100%;
            padding: 0 5px;
        }
        nav{
            float: left;
            width: 350px;
            height: 100%;
            padding: 0 5px;
        }
        .ad-11 img{
            width: 90px;
            padding: 25px;
        }
        .ad-12 img{
            width: 79px;
            padding: 25px;
        }

        .ad-13 a,.ad-14 a{
            display: block;
            text-decoration: none;
            color:#777;
            font-size: 15px;
            padding: 0 43px;
        }
        .ad-14 a:hover{
            background-color: #777777;
            color: #e8e7e3;
        }
        .ad-13 a:hover{
            background-color: #777777;
            color: #e8e7e3;
        }
    </style>
    <script type="text/javascript">
        window.onload=function () {
            var img12=document.getElementById("img12");
            var allimg12=["b/1.png","b/3.png","b/4.png","b/5.jpg","b/6.jpg"];
            var i=0;
            setInterval(function () {
                i++;
                if (i>=5){
                    i=0;
                }
                img12.src=allimg12[i];
            },1500);
        };
    </script>
</head>
<body>
<header>
    <ul class="nav1">
        <li>
            <a href="#">我的世界官网</a>
        </li>
        <li>
            <a href="#">中文百科</a>
        </li>
        <li>
            <a href="#">身份认证</a>
        </li>
        <li>
            <a href="#">首页</a>
        </li>
        <li>
            <a href="#">论坛</a>
        </li>
        <li>
            <a href="#">小组</a>
        </li>
        <li>
            <a href="#">搜索</a>
        </li>
    </ul>
</header>
<main>

            <li id="img-list"><a class="11" href="javascruipt:;"><img id="img12" src="b/3.png"></a> </li>
    
</main>
<footer>
    <aside>
        <nav class="right-menu">
            <div><td><img src="15.png"><a href="#">版主推荐</a></td></div>
            <div><td><img src="15.png"><a href="#">视频实况</a></td></div>
            <div><td><img src="15.png"><a href="#">模组</a></td></div>
            <div><td><img src="15.png"><a href="#">皮肤</a></td></div>
            <div><td><img src="15.png"><a href="#">材质</a></td></div>
            <div><td><img src="15.png"><a href="#">地图</a></td></div>
            <div><td><img src="15.png"><a href="#">命令</a></td></div>
            <div><td><img src="15.png"><a href="#">红石</a></td></div>
        </nav>
    </aside>
    <picture>
        <div class="ad-11"><a href="#"><img src="a/a1.png"></a></div>
        <div class="ad-14"><a href="#">ElementsBattle 元素对抗</a></div>
        <div class="ad-11"><a href="#"><img src="a/a2.png"></a></div>
        <div class="ad-14"><a href="#">[SDC地形艺术公开赛第三名]</a></div>
        <div class="ad-11"><a href="#"><img src="a/a3.jpg"></a></div>
        <div class="ad-14"><a href="#">SDC地形创作公开赛第二届冠军</a></div>
        <div class="ad-11"><a href="#"><img src="a/a4.jpg"></a></div>
        <div class="ad-14"><a href="#">我的世界动画《殖民·征途》</a></div>
        <div class="ad-11"><a href="#"><img src="a/a5.jpg"></a></div>
        <div class="ad-14"><a href="#">【16X】梦境森林</a></div>
        <div class="ad-11"><a href="#"><img src="a/a6.png"></a></div>
        <div class="ad-14"><a href="#">【黄金之匣】2020年的记忆</a></div>
        <div class="ad-11"><a href="#"><img src="a/a7.jpg"></a></div>
        <div class="ad-14"><a href="#">【像素画坊】鬼灭之刃反派合辑</a></div>
    </picture>
    <nav>
        <div class="ad-12"><a href="#"><img src="a/a8.png"></a></div>
        <div class="ad-13"><a href="#">Extra Botany-额外植物</a></div>
        <div class="ad-12"><a href="#"><img src="a/a9.png"></a></div>
        <div class="ad-13"><a href="#">群峦传说1教程—休闲建筑模组</a></div>
        <div class="ad-12"><a href="#"><img src="a/a10.png"></a></div>
        <div class="ad-13"><a href="#">NewHonor 有各种各样功能</a></div>
        <div class="ad-12"><a href="#"><img src="a/a11.png"></a></div>
        <div class="ad-13"><a href="#">[插件]还给你真实的世界</a></div>
        <div class="ad-12"><a href="#"><img src="a/a12.png"></a></div>
        <div class="ad-13"><a href="#">更多的合成 Crafting++</a></div>
        <div class="ad-12"><a href="#"><img src="a/a13.png"></a></div>
        <div class="ad-13"><a href="#">[我的世界Mod]Sakura-樱</a></div>
        <div class="ad-12"><a href="#"><img src="a/a14.jpg"></a></div>
        <div class="ad-13"><a href="#">星辉魔法全教程</a></div>
    </nav>
</footer>
</body>
</html>
